﻿<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
  <div class="container-fluid">
    <div class="row">
		<div class="col-md-6 col-md-offset-3">
			<div class="panel panel-warning">
			  <div class="panel-heading">
				<h3 class="panel-title text-center">个人简历</h3>
			  </div>
			  <div class="panel-body">
				<div class="row">			
					<div class="col-md-2">
						<img src="image/01.jpg" width="125" height="125" class="img-circle">
					</div>
					<div class="col-md-10">
						<h2>异步加载</h2>
						<p>生活不是二进制,除了0和1还有其他选择</p>
						<p>
						<span class="glyphicon glyphicon-user">:谭铭宏</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<span class="glyphicon glyphicon-phone">:13676096938</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<span class="glyphicon glyphicon-envelope">:zui@asnyc.cn</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						</p>
					</div>
				</div>
				<hr style="height:1px;border:none;border-top:1px solid #FF82AB;" />
				<div class="row">
					
					<div class="col-md-8">
						<img src="image/1.png" width="625" height="505" class="img-rounded">
					</div>
					<div class="col-md-4">
						<ul class="list-group">
						  <li class="list-group-item list-group-item-warning">专业能力</li>
						  <li class="list-group-item">对PHP开发有浓厚的兴趣,能用原生<span class="label label-success">PHP</span>进行开发</li>
						  <li class="list-group-item">能熟练使用<span class="label label-success">Laravel</span>框架进行开发</li>
						  <li class="list-group-item">精通<span class="label label-success">boostrap</span>前端框架构建前端页面</li>
						  <li class="list-group-item">有长期使用<span class="label label-success">Linux</span>及搭建<span class="label label-warning">lamp</span>环境的经验</li>
						  <li class="list-group-item">熟悉<span class="label label-success">mysql</span>
						   <span class="label label-success">sql server</span>
						  等数据库的设计和使用</li>
						   <li class="list-group-item">
						   会使用<span class="label label-success">Git</span>
						   <span class="label label-success">Composer</span>
						   <span class="label label-success">npm</span>等进行开发及代码维护</li>
						    <li class="list-group-item">能使用<span class="label label-success">.Net</span>进行<span class="label label-warning">web</span>
							及<span class="label label-warning">Windows</span>桌面程序开发</li>
						  <li class="list-group-item"> <span class="label label-success">Vue.js</span>处于学习阶段</li>
						</ul>
					</div>
				</div>
				<hr style="height:1px;border:none;border-top:1px solid #FF82AB;" />
				<div class="row">
					<div class="col-md-6">
					<h3>自我评价</h3>
					<p>热爱编程,对新技术有浓厚的兴趣,喜欢钻研和探索新兴技术.</p>
					<p>本身是.net出身,后因对PHP有浓厚的兴趣通过自学后从.net转向PHP.</p>
					<p>自学能力算可以,能独立进行web开发.</p>
					<p>目标是web全栈工程师,路漫漫其修远兮,吾将上上下下而求索.</p>
					</div>
					<div class="col-md-6">
						<img src="image/self.jpg" width="425" height="185" class="img-rounded">
					</div>
				</div>
			  </div>
			</div>
		</div>
	</div>
</div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>